/*init*/
*{
    margin:0;
    padding:0;
    font-family: "microsoft yahei";
}

.clear{
    clear: both;
}

li{
    list-style: none;
}

a{
    display: block;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}


input{
    border-collapse: collapse;
    outline: none;
}

body, button, input, select, textarea {
    font: 12px/1.5 "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #333;
}

/*index*/
header{
    padding:8px 0;
    width: 100%;
}



header .li-logo{
    height: 93px;
    text-align: center;
    /*text-indent: 99999px;*/
    /*background: url(/statics/ljzszh/images/logo.png) no-repeat center center;*/
}

header .li-search{
    margin-top:23px;
}

header .li-search input[name='q']{
    /*width: 442px;*/
    height: 46px;
    float:left;
    font-size: 14px;
    padding-left:10px;
    border: 1px solid #CE1013;
}

header .li-search input.do_search{
    /*width: 78px;*/
    height: 46px;
    float: left;
    border: 1px solid #CE1013;
    border-left: none;
    background: url(/statics/ljzszh/images/Search.png) no-repeat center center #A51113;
}

header .li-tell{
    background: url(/statics/ljzszh/images/tell.png) no-repeat left center;
    padding-left: 3%;
    margin-top:18.5px;
}

header .li-tell a{
    display: block;
    font-size: 24px;
    color: #CE1013;
    letter-spacing: 1.47px;
    line-height: 28px;
}

nav{
    height: 46px;
    /*line-height: 46px;*/
    background-color: #A51113 ;
    /*overflow: hidden;*/
}

nav ul{
    margin-bottom: 0;
}

nav ul.nav-list li{
    float: left;
    text-align: center;
    padding: 0 2rem;
    position: static;
    -webkit-transition:all .3s;
    transition:all .3s;
    transition:all .3s;
    transition:all .3s,all .3s;
    height: 46px;


}



.nav2 li:nth-child(1){
    background: url(/statics/ljzszh/images/online.png) no-repeat top center;
}

.nav2 li:nth-child(2){
     background: url(/statics/ljzszh/images/echat.png) no-repeat top center;
 }

.nav2 li:nth-child(3){
    background: url(/statics/ljzszh/images/lcase.png) no-repeat top center;
}

.nav2 li:nth-child(4){
    background: url(/statics/ljzszh/images/zx.png) no-repeat top center;
}





nav ul.nav-list li .nav2 li{
    color:#333;
    /*width: 134px;*/
    height: 100px;
    max-height: 105px;
    line-height: 129px;
    background-position-x:center;
    background-position-y: 18px!important;
}


nav ul.nav-list li.list-item > a{
    font-size: 16px;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    /*height: 47px;*/
    margin: 10px 0 22px 0;
    color: #FFFFFF;
    letter-spacing: 0;
    display: inline-block;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
}

nav ul.nav-list > li:hover{
    background-color: #CE1013 ;
}

/*nav ul.nav-list li.list-item > a:hover{*/
    /*-webkit-transform:translateY(-100%);*/
    /*transform:translateY(-100%);*/
/*}*/



/*nav ul.nav-list li.list-item a span::before{*/
    /*position: absolute;*/
    /*top:100%;*/
    /*content:attr(data-hover);*/
    /*font-weight: 400;*/
    /*z-index:-99;*/

/*}*/

.nav2{
    position: absolute;
    z-index: 2;
    left: 0;
    right:0;
    top:155px;
    margin: auto;
    background-color:#fff;
    display: none;
    border-bottom: 1px solid #efefef;
}

.nav2 ul{
    overflow: hidden;
    width: 50%;
    margin: auto;
}

.nav2 li a{
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
}

.banner{
    /*background: #CE1013;*/
}

.swiper-button-next,.swiper-button-prev{
    display: none;

}


.tips{
    height: 180px;
    background: #F8F8F8;
    padding-top: 42px;
}

.tips .col-lg-3{

}


.tips .tips-item{
    -webkit-transition:all .3s;
    transition:all .3s;
    transition:all .3s;
    transition:all .3s,all .3s;
    padding:10px 0;
    overflow: hidden;
    background: #fff;
}

.tips .tips-item:hover{
    -webkit-transform:translateY(-5%);
    transform:translateY(-5%);
    box-shadow: 0 0 28px 0 #E2E2E2;
    cursor: pointer;
}

.tips .tips-item h4{
    font-size: 24px;
    color: #333333;
}


.tips .tips-item p{
    font-size: 14px;
    color: #666666;
}

.tips .tips-item img{
    width: 100%;
}

/*楼盘*/
.loup{
    padding:50px 0;
    background-color: #fff;
    z-index: 999;
}

.loup h4,.case h4,.diary h4,.process h4,.guide h4,.aboutus h4{
    font-size: 36px;
    color: #333333;
    letter-spacing: 2.2px;
    text-align: center;
    margin-bottom: 16px;
}

.loup p,.case p,.diary p,.process p,.guide p,.aboutus p{
    font-size: 18px;
    color: #999999;
    letter-spacing: 1.1px;
    text-align: center;
}

.loup-lists{
    overflow: hidden;
    width:50%;
    margin:52px auto 56px;
}

.loup-lists li{
    text-align: center;
    float: left;
    /*padding:0 3%;*/
    width: 16%;
    border: 1px solid #E2E2E2;
    border-right: none;
}

.loup-lists li:last-child{
    border-right: 1px solid #e2e2e2;
}

.loup-lists li a{
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.98px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.loup-lists li a:hover,.case-lists .case-item a:hover,.case-lists li a:hover,.aboutus .aboutlist ul li .listdes a:hover,.guide .guidelist li a:hover{
    color: #CE1013;
}

.eachloup-list .eachloup-items .eachimg{
    overflow: hidden;

}

.eachloup-list .eachloup-items .eachimg img{
    width:100%;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.eachloup-list .eachloup-items .eachimg img:hover {
    transform: scale(1.1);
    transtion: all 0.8s;
    -webkit-transition: all 0.8s;
    cursor:pointer;
    background: url(/statics/ljzszh/images/index_case_bg.png) no-repeat;
}


.eachloup-list .eachloup-items .eachdes{
    padding:0 13px 20px;
}

.eachloup-list .eachloup-items .eachdes h5 a{
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 10px 0;
}

.eachloup-list .eachloup-items .eachdes p{
    font-size: 14px;
    text-align: left;
    color: #2A2A2A;
    letter-spacing: 0.86px;
    line-height: 22px;
}

.eachloup-list .eachloup-items .eachdes p i{
    font-style: normal;
    font-size: 14px;
    color:#000;
}

.eachloup-list .eachloup-items .eachdes .eachdes-des span{
    color:#999999;
    margin-right: 20px;
}

.eachloup-list .eachloup-items .eachdes .eachdes-des span > a{
    display: inline-block;
    font-size: 12px;
    color: #FF4C53;
    letter-spacing: 0.73px;
    line-height: 16px;
}

.eachloup-list .eachloup-items .eachdes .visit{
    width: 116px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: 0.98px;
    display: block;
    margin: 16px auto 0;
    text-align: center;
    border: 1px solid #E2E2E2;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.eachloup-list .eachloup-items .eachdes .visit:hover{
    background-color: #FF4C53;
    color:#fff;
    border: none;
}

/*diary*/
.diary{
    background:url(/statics/ljzszh/images/diary.png) no-repeat center center;
    padding: 50px 0;
}

.diary p{
    margin-bottom:52px;
}

.diary .diarym{
    width:2%;
}
.diary .diaryl,.diary .diaryr{
    width:48%;
}

.diary .diaryl,.diary .diaryr{
    padding:36px 22px;
    background-color: #fff;
    height: 426px;

}

.diary .diaryl h3,.diary .diaryl span{
    display: inline-block;
    margin:0;
}

.diary .diaryl > span{
    /*width: 36px;*/
    /*height: 18px;*/
    background-color: #c40101;
    padding:1px 10px;
    margin-left: 10px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.case-list{
    overflow: hidden;
    margin:20px 0 24px;
}

.case-list li{
    float: left;
}

.diary .diaryl > p{
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
}

.dirulimg{
    text-align: justify;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 24px;
}

.dirulimg li{
    text-align: center;
}

.dirulimg li img{
    width: 100%;
}

.diary .diaryl > .visit,.diary .diaryr > .visit,.casedes > .visit{
    border: 1px solid #D0021B;
    display: inline-block;
    font-size: 12px;
    color: #D0021B;
    letter-spacing: 0.98px;
    margin-left: 15px;
    padding:4px 20px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.diary .diaryl > .visit:hover,.diary .diaryr > .visit:hover,.casedes > .visit:hover,.znews > .visit:hover{
    background-color: #FF4C53;
    color:#fff;
    border: 1px solid #FF4C53;
}

.diary .diaryr h2{
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    margin:0;
}

.diary .diaryr p{
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
    margin: 20px 0;
}

dl.diary-list{
    margin-bottom: 10px;
    overflow: hidden;
    /*height: 27px;*/
}

dd.diary-item.col-lg-3 {
    height: 39px;
    line-height: 39px;
}

dl.diary-list dd span{
    font-size: 14px;
    background: #C40101;
    padding: 4px 4px;
    display: block;
    text-align: center;
    line-height: 26px;
    color:#fff;
}

dl.diary-list dd+dd a{
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 1.3px;
}

/*process*/
.process{
    padding: 50px 0;
    background: #C40101;
    overflow: hidden;
}

.process h4,.process p{
    color: #fff;
}

.process p{
     margin-bottom: 62px;
}

/*case*/
.case{
   background: url(/statics/ljzszh/images/case.png) no-repeat ;
    padding: 50px 0;
}

.case .caseImg,.case .casedes{
    height: 343px;
    overflow: hidden;
}

.case-lists{
    overflow: hidden;
    width: 50%;
    margin:52px auto 56px;
}

.case-lists .case-item,.case-lists li{
    float: left;
    text-align: center;
    width: 14.2%;
    position: relative;

}

.case-lists .case-item a,.case-lists li a{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.98px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.case-lists li+li:before{
    content:"/";
    display: inline-block;
    position: absolute;
    left:0;
    font-size: 16px;

}

.case .caseImg{
    padding-right: 0;
}
.case .caseImg img{
    width: 100%;
}

.case .casedes{
    padding:30px 23px 50px;
    /*background-color: #fff;*/

}

.cd-half-block.content.light-bg{
    background:url(/statics/ljzszh/images/bgggg.png) no-repeat center center;
}

.case .casedes h3{
    text-align: center;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 48px;
}

.case .casedes h3 a{
    font-size: 28px;
    color: #333;
}

.case .casedes p{
    font-size: 22px;
    color: #666666;
    letter-spacing: 0;
    line-height: 38px;
    text-align: left;
    margin-left: 5%;
    margin-bottom: 26px;
}

.casedes > .visit{
    margin-left: 0;
}

/*装修攻略*/
.guide{
    padding:50px 0;
}

.guide .guideImg{
    height: 150px;
    /*background-color: red;*/
}

.guide .guideImg img{
    width: 100%;
}

.guide .guidelist li{
    margin-bottom: 3%;
    padding: 0;
}

.guide .guidelist li a{
    color: #333;
    font-size: 14px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}



/*aboutus*/
.aboutus{
    padding: 50px 0;
    background: url(/statics/ljzszh/images/aboutus.png) no-repeat;
}

.aboutus .caseImg,.aboutus .aboutlist{
    height: 494px;
}

.aboutus .caseImg{
    overflow: hidden;
    padding-right: 0;
}

/*.aboutus .caseImg img{*/
    /*width: 100%;*/
/*}*/

.aboutus .aboutlist{
    background-color: #fff;
    padding: 20px;
}

.aboutus .aboutlist .listimg{
    overflow: hidden;
}

/*.aboutus .aboutlist .listimg img{*/
    /*width: 100%;*/
/*}*/

.aboutus .aboutlist ul li{
    overflow: hidden;
    /*margin-bottom: 16.2px;*/
}

.aboutus .aboutlist ul li:nth-child(1){
    padding-bottom: 16px;
}

.aboutus .aboutlist ul li+li{
    padding: 16px 0;
}

.aboutus .aboutlist ul li .listdes a{
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.aboutus .aboutlist ul li .listdes p{
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 22px;
    text-align: left;
    margin: 0;
}

.aboutus .aboutlist ul li:not(.not){
    border-bottom: 1px solid #EFEDED;
}

.aboutus .aboutlis > a{
    text-align: right;
}

/*footer*/

footer{
    background: #A51113;
    padding: 60px 0 0;
}

footer .footup{
    overflow: hidden;
}

footer ul.footlist li{
    margin-bottom: 28.3px;
}

footer ul.footlist li a{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.98px;
    text-align: center;
}

footer .vv h5{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.98px;
    text-align: center;
    margin: 0 auto 24px;
}

footer .vv{
    text-align: center;
}

footer .vv img{
    width: 80%;
}

footer .way dl dd{
    padding-left: 26px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.98px;
    line-height: 22px;
}

footer .way dl{
    width: 75%;
    margin: auto;
}

footer .way dl dd p{
    margin-bottom: 27px;
}

footer .footdown{
    padding: 15px 0;
    border-top: 1px solid #979797;
}

footer .footdown .copyright{
    width: 34%;
    margin: auto;
}

footer .footdown p{
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.73px;
}

@media (max-width: 1200px){

    header .li-tell a{
        font-size: 18px;
    }

}